<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:p="http://primefaces.org/ui"
                 xmlns:x="http://xpert.com/faces"
                 template="/template/mainTemplate.xhtml"
                 xmlns:xc="http://java.sun.com/jsf/composite/xpert/components">

    <ui:param name="title" value="Modal Messages" />
    <ui:define name="body">

        <h:form prependId="false">
            <x:modalMessages/>
            <h:panelGrid columns="5">
                <p:commandButton process="@this" update="@form" value="Info" action="#{messagesMB.info}"/>
                <p:commandButton process="@this" update="@form" value="Warning" action="#{messagesMB.warn}"/>
                <p:commandButton process="@this" update="@form" value="Error" action="#{messagesMB.error}"/>
                <p:commandButton process="@this" update="@form" value="Fatal" action="#{messagesMB.fatal}"/>
                <p:commandButton process="@this" update="@form" value="All" action="#{messagesMB.all}"/>
            </h:panelGrid>
        </h:form>
        <h3>Source</h3>
        <pre name="code" class="xml">
        &lt;h:form prependId=&quot;false&quot;&gt;
            &lt;x:modalMessages/&gt;
            &lt;h:panelGrid columns=&quot;5&quot;&gt;
                &lt;p:commandButton process=&quot;@this&quot; update=&quot;@form&quot; value=&quot;Info&quot; action=&quot;\#{messagesMB.info}&quot;/&gt;
                &lt;p:commandButton process=&quot;@this&quot; update=&quot;@form&quot; value=&quot;Warning&quot; action=&quot;\#{messagesMB.warn}&quot;/&gt;
                &lt;p:commandButton process=&quot;@this&quot; update=&quot;@form&quot; value=&quot;Error&quot; action=&quot;\#{messagesMB.error}&quot;/&gt;
                &lt;p:commandButton process=&quot;@this&quot; update=&quot;@form&quot; value=&quot;Fatal&quot; action=&quot;\#{messagesMB.fatal}&quot;/&gt;
                &lt;p:commandButton process=&quot;@this&quot; update=&quot;@form&quot; value=&quot;All&quot; action=&quot;\#{messagesMB.all}&quot;/&gt;
            &lt;/h:panelGrid&gt;
        &lt;/h:form&gt; 
        </pre>
        
        
    </ui:define>
</ui:composition>
